// store/index.ts
import { defineStore } from 'pinia'

//更多使用方法请看官网文档。
//使用方法： 在想用的页面中，复制下面的代码： 
/*
    import { storeToRefs } from "pinia";
    import { useMainStore } from "@/store/index";
    const mainStore = useMainStore();
    const { path, xxxxx } = storeToRefs(mainStore); //从仓库中解构出path和xxxxx变量，并且可以响应式
*/
//变量的使用和修改 ：  和Vue3的 ref 变量使用方法一样！   
//然后，在template可以直接这样使用：  {{ path }}  或  :param="path"
//如果想修改的话，在script中： path.value = xxx  即可直接修改全局数据。   （不用像vuex一样写actions什么的）

export const useMainStore = defineStore('main', {
    //仓库数据写在这
    state: () => { // 必须是箭头函数，这样是为了更好的 TS 类型推导
        return {
            /**当前的路由路径 */
            path: '/home',   //不要删掉这个了  （使用的地方：src\router\index.ts，可以看看怎么使用的）

            //还想添加什么全局变量，就在这里加。  注意最好像上面的path一样，用  /** */  注释一下，这样就能在使用的地方看到注释了


        }
    },
    getters: {},
    actions: {}
})
